#index_sidebar_left {
    /*----------侧边栏左----*/
    position: fixed;
    bottom: 30px;
    left: -6px;
    z-index: 1000;
    li.on {
        .side_books {
            background-position: -40px -0px;
            background-color: #93d46f;
        }
        .side_clothing {
            background-position: -40px -480px;
            background-color: #f97f67;
        }
        .side_general_merchandise {
            background-position: -40px -520px;
            background-color: #72d599;
        }
        .side_details {
            background-position: -40px -560px;
            background-color: #f97f67;
        }
        .side_baby {
            background-position: -40px -240px;
            background-color: #ff857f;
        }
    }
    li {
        height: 40px;
        line-height: 40px;
        position: relative;
        background-color: #f6f6f6;
        width: 38px;
        overflow: hidden;
        &:hover {
            width: auto;
            z-index: 10;
            overflow: visible;
            .side_books {
                background-position: -40px -0px;
                background-color: #93d46f;
            }
            .side_clothing {
                background-position: -40px -480px;
                background-color: #f97f67;
            }
            .side_general_merchandise {
                background-position: -40px -520px;
                background-color: #72d599;
            }
            .side_details {
                background-position: -40px -560px;
                background-color: #f97f67;
            }
            .side_baby {
                background-position: -40px -240px;
                background-color: #ff857f;
            }
        }
        a {
            display: block;
            font-size: 14px;
            color: #fff;
            text-decoration: none;
            padding-left: 38px;
            height: 40px;
            background: url('http://img61.ddimg.cn/upload_img/00111/home/fix_box_icon_161205.png') 0 0 no-repeat;
            span {
                padding: 0 15px 0 2px
            }
        }
        .side_clothing {
            background-position: 0 -480px;
        }
        .side_general_merchandise {
            background-position: 0 -520px;
        }
        .side_details {
            background-position: 0 -560px
        }
        .side_baby {
            background-position: 0 -240px
        }
    }
}

#index_sidebar_right {
    position: fixed;
    right: 0;
    top: 0;
    height: 100%;
    z-index: 1000;
    width: 34px;
    background: url('http://img63.ddimg.cn/upload_img/00446/111/bg_sidebar.png') repeat-y 0 0;
    .accept_center {
        position: absolute;
        top: 0;
        left: 0;
        width: 34px;
        height: 135px;
    }
    .top {
        margin: 134px auto 0;
        position: relative;
        a {
            background-image: url('http://img61.ddimg.cn/upload_img/00111/home/sidebar_icon_1x.png');
            background-repeat: no-repeat;
            position: relative;
            font: 12px/34px "Arial";
            color: #fff;
            text-decoration: none;
            display: block;
            width: 34px;
            height: 34px;

            
            em {
                text-align: center;
                width: 22px;
                height: 14px;
                border-radius: 5px;
                background-color: #ff3228;
                line-height: 14px;
                display: block;
                color: #fff;
                position: absolute;
                top: 0px;
                right: 0;
                white-space: nowrap;
                z-index: 2;
            }
            span {
                color: #fff;
                position: absolute;
                top: 0;
                left: 38px;
                background: #4f4f4f;
                text-align: center;
                width: 79px;
                display: block
            }
        }
        .my_cart {
            background-position: 0 0;
            &:hover {
                background-position: -40px 0;

            }
        }
        .collect {
            background-position: 0 -35px;
            &:hover {
                background-position: -40px -35px;

            }
        }
        .view {
            background-position: 0 -70px;
            &:hover {
                background-position: -40px -70px;

            }
        }
        .integral {
            background-position: 0 -105px;
            &:hover {
                background-position: -40px -105px;

            }
        }
        .robot {
            background-position: 0 -210px;
            &:hover {
                background-position: -40px -210px;

            }
        }
    }
    .bottom {
        position: absolute;
        bottom: 4px;
        text-align: center;
        width: 34px;
        span {
            font: 12px/30px "Arial";
            display: block;
            width: 34px;
            overflow: hidden;
            text-align: center;
            color: #fff;
            background: #474747;
            margin-top: 1px;
            cursor: default;
        }
        a {
            background-image: url('http://img61.ddimg.cn/upload_img/00111/home/sidebar_icon_1x.png');
            background-repeat: no-repeat;
            position: relative;
            font: 12px/34px "Arial";
            color: #fff;
            text-decoration: none;
            display: block;
            width: 34px;
            height: 34px;
        }
        .two_code>a:first-child {
            background-position: 0 -140px;
            &:hover{
                background-position: -40px -140px;
            }
        }
        .two_code>a:first-child:hover+a{
            display: block
        } 
        .two_code>a:last-child {
            display: none;
            position: absolute;
            width: 352px;
            height: 134px;
            left: -362px;
            bottom: 0;
            z-index: 3;
            padding: 4px 4px 0;
            border: 1px solid #ddd;
            background: #fff;
        }
        .back_top {
            background-position: 0 -175px;
            span {
                color: #fff;
                position: absolute;
                top: 0;
                left: 38px;
                background: #4f4f4f;
                text-align: center;
                width: 79px;
                height:34px;
                display:block;
            }
            &:hover{
                background-position:-40px -175px;
            }
        }
        .idea {
            background-position: 0 -245px;
            &:hover{
                background-position:-40px -245px;

            }
        }
    }
}